﻿@using System.Configuration;

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<!--main-->
<div class="main-box">
    <div class="main">
        <!--main left-->
        <div class="main-left">
            <!--左侧菜单-->
            <div class="sec-mainL left">
                <div class="mainL-hd-box">
                    <h2 class="mainL-hd"><a href="goods.html" target="_blank">全部商品分类</a></h2>
                </div>
                <!--菜单列表-->
                <ul class="sec-mainNav">
                    <li>
                        <h3>男女时装</h3>
                        <div class="menu-tab">
                            <a href="">男装</a>
                            <a href="">女装</a>
                            <a href="">休闲衣服</a>
                            <a href="">休闲裤子</a>
                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">男装</a>
                                    <a href="">女装</a>
                                    <a href="">休闲衣服</a>
                                    <a href="">休闲裤子</a>
                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                    <li>
                        <h3>内衣 配饰</h3>
                        <div class="menu-tab">
                            <a href="">美食特产</a>
                            <a href="">酒水茶叶</a>
                            <a href="">蛋糕预订</a>
                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">美食特产</a>
                                    <a href="">酒水茶叶</a>
                                    <a href="">蛋糕预订</a>
                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                    <li>
                        <h3>鞋靴 箱包</h3>
                        <div class="menu-tab">
                            <a href="">鞋靴</a>
                            <a href="">箱包</a>

                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">鞋靴</a>
                                    <a href="">箱包</a>

                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                    <li>
                        <h3>运动 户外</h3>
                        <div class="menu-tab">
                            <a href="">运动</a>
                            <a href="">户外</a>
                            <a href="">护具</a>
                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">运动</a>
                                    <a href="">户外</a>
                                    <a href="">护具</a>
                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                    <li>
                        <h3>家居 百货</h3>
                        <div class="menu-tab">
                            <a href="">家居</a>
                            <a href="">百货</a>
                            <a href=""></a>
                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">家居</a>
                                    <a href="">百货</a>

                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                    <li>
                        <h3>家纺 家饰</h3>
                        <div class="menu-tab">
                            <a href="">家纺</a>
                            <a href="">家饰</a>

                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">家纺</a>
                                    <a href="">家饰 </a>

                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                    <li>
                        <h3>童装 母婴 玩具</h3>
                        <div class="menu-tab">
                            <a href="">童装</a>
                            <a href="">母婴</a>
                            <a href="">玩具</a>
                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">童装</a>
                                    <a href="">母婴</a>
                                    <a href="">玩具</a>
                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                    <li>
                        <h3>数码 家电</h3>
                        <div class="menu-tab">
                            <a href="">数码</a>
                            <a href="">家电</a>
                            <a href="">配件</a>
                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">数码</a>
                                    <a href="">家电</a>
                                    <a href="">配件</a>
                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                    <li>
                        <h3>美容化妆  个护家清</h3>
                        <div class="menu-tab">
                            <a href="">美容</a>
                            <a href="">化妆</a>
                            <a href="">个户家清</a>
                            <div class="fix"></div>
                        </div>
                        <span class="menu-more">更多</span>
                        <!--二级菜单-->
                        <div class="menu-panel">
                            <div class="menu-panel-hd">
                                <h4>热门分类</h4>
                                <div class="sub-group">
                                    <a href="">美容</a>
                                    <a href="">化妆</a>
                                    <a href="">个户家清</a>
                                </div>
                            </div>
                            <div class="menu-panel-bd">
                                <ul>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0.png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (1).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (2).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0 (3).png" /></a>
                                    </li>
                                    <li>
                                        <a href=""><img src=" ~/Content/images/0.jpg" /></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="" class="menu-panel-btn">
                                <span>查看全部商家</span>
                                <em></em>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>

        </div>
        <!--main left-->
        <div class="main-center">
            <!--轮播图-->
            <div id="flash">
                <div id="prev"><img src=" ~/Content/images/prev.png" width="40" height="40" alt=""></div>
                <div id="next"><img src=" ~/Content/images/next.png" width="40" height="40" alt=""></div>
                <ul id="play">
                    <li style="display: block;"><img src=" ~/Content/images/banner1.png" alt="" width="900" height="400" /></li>
                    <li><img src=" ~/Content/images/banner2.png" alt="" width="900" height="400" /></li>
                    <li><img src=" ~/Content/images/banner1.png" alt="" width="900" height="400" /></li>
                    <li><img src=" ~/Content/images/banner2.png" alt="" width="900" height="400" /></li>
                    <li><img src=" ~/Content/images/banner1.png" alt="" width="900" height="400" /></li>
                    <li><img src=" ~/Content/images/banner2.png" alt="" width="900" height="400" /></li>
                </ul>
                <ul id="button">
                    <li><div style="background: #A10000;">1</div></li>
                    <li><div>2</div></li>
                    <li><div>3</div></li>
                    <li><div>4</div></li>
                    <li><div>5</div></li>
                    <li><div>6</div></li>
                </ul>
            </div>
            <!--轮播图end-->
            <div class="main-bottom">
                <ul>
                    <li><a href=""><img src=" ~/Content/images/1.jpg" title="健康防护"></a></li>
                    <li><a href=""><img src=" ~/Content/images/2.jpg" title="趣味家居"></a></li>
                    <li><a href=""><img src=" ~/Content/images/3.jpg" title="美味生活"></a></li>

                </ul>

            </div>
            <div class="main-bottom-case">
                <ul>
                    <li><a href=""><img src=" ~/Content/images/pinpai.png" alt=""></a></li>
                    <li><a href=""><img src=" ~/Content/images/vi.png" alt=""></a></li>
                    <li><a href=""><img src=" ~/Content/images/dingzhi.jpg" alt=""></a></li>
                    <li><a href=""><img src=" ~/Content/images/kucun.png" alt=""></a></li>
                </ul>
            </div>

        </div>

        <div class="login-box">
            <div class="login-title">
                <span class="log-img"><img src=" ~/Content/images/log.png" width="50" height="50" alt=""></span>
                <span class="log-text">
                    <ul>
                        <li><a href="">亲，下午好！</a></li>
                        <li><a href="">新人福利领取~</a></li>
                    </ul>
                </span>

                <div class="log-main">
                    <ul>
                        <li><img src=" ~/Content/images/log2.png" width="25" height="25" alt="">&nbsp;<input type="text" class="log-int"></li>
                        <li><img src=" ~/Content/images/psw.png" width="25" height="25" alt="">&nbsp;<input type="password" class="log-int"></li>
                        <li><button type="submit" class="log-go">登录</button></li>
                        <li><button type="submit" class="log-go">注册</button></li>
                    </ul>
                    <div class="log-list">
                        <ul>
                            <li class="li1">
                                <a href="">
                                    <img class="icon" src=" ~/Content/images/icon/liwu.png" alt="" width="14" height="14">
                                    <span>新人福利</span>
                                </a>
                            </li>
                            <li class="li2">
                                <a href="">
                                    <img class="icon" src=" ~/Content/images/icon/vip.png" alt="" width="14" height="14">
                                    <span>会员权利</span>
                                </a>
                            </li>
                            <li class="li3">
                                <a href="">
                                    <img class="icon" src=" ~/Content/images/icon/tuijian.png" alt="" width="14" height="14">
                                    <span>推荐有奖</span>
                                </a>
                            </li>
                            <li class="li4">
                                <a href="">
                                    <img class="icon" src=" ~/Content/images/icon/huiyuan.png" alt="" width="14" height="14">
                                    <span>会员中心</span>
                                </a>
                            </li>
                            <li class="li5">
                                <a href="">
                                    <img class="icon" src=" ~/Content/images/icon/order.png" alt="" width="15" height="15">
                                    <span>订单查询</span>
                                </a>
                            </li>
                            <li class="li6">
                                <a href="">
                                    <img class="icon" src=" ~/Content/images/vip.png" alt="" width="15" height="15">
                                    <span>我的积分</span>
                                </a>
                            </li>
                        </ul>

                    </div>
                </div>


            </div>

        </div>

        <div class="msg-box">

            <div id="tab">
                <h3 class="active" id="two1" onmouseover="setContentTab(&#39;two&#39;,1,3)">公告</h3>
                <h3 id="two2" onmouseover="setContentTab(&#39;two&#39;,2,3)">规则</h3>
                <h3 id="two3" onmouseover="setContentTab(&#39;two&#39;,3,3)">新手入门</h3>

                <div class="content" id="con_two_1">
                    <ul class="tab-margin">
                        <li><a href="">安骏DS官网隆重上线!&nbsp<span>2020-5-9</span></a></li>
                        <li><a href="" title="安骏DS官网隆重上线！">安骏DS官网隆重上线！&nbsp<span>2020-5-9</span></a></li>
                        <li><a href="">安骏DS官网隆重上线！&nbsp<span>2020-5-9</span></a></li>
                        <li><a href="">安骏DS官网隆重上线！&nbsp<span>2020-5-9</span></a></li>
                        <li><a href="">安骏DS官网隆重上线！&nbsp<span>2020-5-9</span></a></li>
                        <li><a href="">安骏DS官网隆重上线！&nbsp<span>2020-5-9</span></a></li>

                    </ul>
                </div>

                <div id="con_two_2">
                    <ul class="tab-margin">
                        <li><a href="">新手入门22</a></li>
                        <li><a href="">新手入门2</a></li>
                        <li><a href="">新手入门2</a></li>
                        <li><a href="">新手入门2</a></li>
                    </ul>
                </div>
                <div id="con_two_3">
                    <ul class="tab-margin">
                        <li><a href="">新手入门3</a></li>
                        <li><a href="">新手入门3</a></li>
                        <li><a href="">新手入门3</a></li>
                        <li><a href="">新手入门3</a></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>

    <div class="solid"></div>
    <div class="products-box">
        <div class="products-title">
            <span class="rq">人气推荐<img src=" ~/Content/images/icon/tuijian.png" alt="" width="30" height="30"></span>
            <span class="tishi">温馨提示：根据您的浏览为您推荐</span>
            <span class="all-title"><a href="">查看全部</a></span>
        </div>
        @{
            foreach (var item in Model)
            {
                <div class="products">
                    <div class="products-img">
                        <a href="~/Home/Detail/@item.Id" title="@item.ProductName"><img src="@(ConfigurationManager.AppSettings["ShopBack"])/Content/@item.ProductImg" alt=""></a>
                    </div>
                    <div class="products-title2">
                        <a href="~/Home/Detail/@item.Id">@item.ProductName</a>
                    </div>
                    <div class="products-title3">
                        <ul>
                            <li><a class="procuts-label" title="包邮">包邮</a></li>
                            <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>
                            <li><a class="procuts-label" title="满100减">满100元减</a></li>
                        </ul>
                    </div>
                    <div class="products-piece">
                        <span class="piece" title="￥1499.00">￥@item.Price</span>
                    </div>
                </div>
            }
        }










    </div>
    <!--main products end!-->
</div>


<div class="liucheng-box">
    <div class="liucheng">

        <div class="liucheng-content">
            <div class="liucheng-title"><span><img src=" ~/Content/images/icon/zhinan2.png" alt="" width="50" height="50">&nbsp;新手指南</span></div>
            <div class="liucheng-message">安骏DS官网是做什么的?怎么加入会员，怎么注册帐号?怎么入驻?我是新手,怎么使用安骏的DS仓储系统?</div>
            <div class="liaojie-btn"><a href="">查看详情</a></div>
        </div>

        <div class="liucheng-content">
            <div class="liucheng-title"><span><img src=" ~/Content/images/icon/cangku.png" alt="" width="50" height="50">&nbsp;供应商入驻</span></div>
            <div class="liucheng-message">入驻平台轻松获得源源不断的靠谱订单，降低市场开拓成本,作为核心企业供应商，获得全业务场景曝光</div>
            <div class="liaojie-btn"><a href="">查看详情</a></div>
        </div>

        <div class="liucheng-content">
            <div class="liucheng-title"><span><img src=" ~/Content/images/icon/zhifu2.png" alt="" width="50" height="50">&nbsp;支付方式</span></div>
            <div class="liucheng-message">安骏DS官网支付方式支持多个平台，微信，支付宝，银联，前海支付，信用卡等多种方式,满足广大客户需求。</div>
            <div class="liaojie-btn"><a href="">查看详情</a></div>
        </div>

        <div class="liucheng-content">
            <div class="liucheng-title"><span><img src=" ~/Content/images/icon/daifa.png" alt="" width="50" height="50">&nbsp;一件代发</span></div>
            <div class="liucheng-message">安骏提供仓储系统，提供一件代发，为客户解决积压货物烦恼，为客户节省更多开支~！</div>
            <div class="liaojie-btn"><a href="">查看详情</a></div>
        </div>

        <div class="liucheng-content">
            <div class="liucheng-title"><span><img src=" ~/Content/images/icon/yunshu.png" alt="" width="50" height="50">&nbsp;运输方案</span></div>
            <div class="liucheng-message">安骏自身拥有多年跨境经验，可为客户提供多种运输渠道方案，快速，安全，价格透明。</div>
            <div class="liaojie-btn"><a href="">查看详情</a></div>
        </div>

    </div>

</div>
